﻿
<!-- /PAGE HEADER -->
<!-- FORMS -->
<div class="row">
	<div class="col-md-12">
		<div class="row">
			<div class="col-md-6">
				<!-- BASIC -->
				<div class="box border orange">
					<div class="box-title">
						<h4><i class="fa fa-bars"></i>添加管理员2</h4>
						<div class="tools hidden-xs">
							<a href="#box-config" data-toggle="modal" class="config">
								<i class="fa fa-cog"></i>
							</a>
							<a href="javascript:;" class="reload">
								<i class="fa fa-refresh"></i>
							</a>
							<a href="javascript:;" class="collapse">
								<i class="fa fa-chevron-up"></i>
							</a>
							<a href="javascript:;" class="remove">
								<i class="fa fa-times"></i>
							</a>
						</div>
					</div>
					<div class="box-body big">
						<form name="form1"  class="form-horizontal" enctype="multipart/form-data" action="" method="post" role="form">

						  <div class="form-group">
						 <label class="col-md-2 control-label">头像</label>
						 <div class="col-md-10">
							<input type="file" name="file[]"  multiple class="form-control" id="pictu" placeholder="请选择图片">
						<span class="prompt_pictu">请选择图片</span>
						 </div>
					  </div>

							<div class="form-group">
							<label  for="inputEmail3" class="col-sm-2 control-label">用户名</label>
							<div class="col-sm-10">
							  <input id="username" type="text" name="username" class="form-control" id="inp_username" placeholder="请输入用户名">
								<span class="prompt_username">2~10个字符,支持文字、数字和字母</span>
							</div>
						  </div>

						  <div class="form-group">
							<label for="inputPassword3" class="col-sm-2 control-label">密码</label>
							<div class="col-sm-10">
							  <input  id="password" type="password" name="password" class="form-control" placeholder="请输入密码">
							<span class="prompt_password">6~16个字母或数字，区分大小写</span>
							</div>
						  </div>

						<div class="form-group">
							<label for="inputPassword3" class="col-sm-2 control-label">确认密码</label>
							<div class="col-sm-10"> <!-- name="cpassword" -->
							  <input type="password"  class="form-control" id="cpassword" placeholder="请输入确认密码">
							<span class="prompt_cpassword">再次输入密码</span>
							</div>
						  </div>

							<div class="form-group">
							<label for="inputPassword3" class="col-sm-2 control-label">年龄</label>
							<div class="col-sm-10">
							  <input type="text" id="age" name="age" class="form-control" id="inputPassword3" placeholder="请输入年龄">
							 <span  class="prompt_age"></span>
              </div>
						  </div>

						<div class="form-group">
						 <label class="col-md-2 control-label">性别</label>
						 <div class="col-md-10">
							<label><input name="sex" checked type="radio" value="0" />女</label>
							<label><input name="sex" type="radio" value="1" />男 </label>
						 </div>
					  </div>

						<div class="form-group">
							<label for="inputPassword3" class="col-sm-2 control-label">电话</label>
							<div class="col-sm-10">
							  <input type="text" name="tel" class="form-control" id="tel" placeholder="请输入电话">
							  <span class="prompt_tel">请输入联系电话</span>
							</div>
						  </div>

						<div class="form-group">
							<label for="inputPassword3" class="col-sm-2 control-label">邮箱</label>
							<div class="col-sm-10">
							  <input type="text" name="email" class="form-control" id="inputPassword3" placeholder="请输入邮箱">
							<span class="prompt_email">字数多于18个字符或少于6个字符</span>
							</div>
						  </div>

						<div class="form-group">
							<label class="col-sm-2 control-label">角色组</label>
							<div class="col-sm-5 list">
							 <select id="sel" class="form-control select_cate" name="role_id">
							  <option value="0">请选择所属角色</option>
								<?php foreach($role as $v){?>
								<option value="<?php echo $v['id']?>"><?php echo $v['name']?></option>
								<?php }?>
							</select>
							<span class="prompt_sel">请选择所属角色</span>
							</div>
						  </div>


						  <div class="form-group">
							<div class="col-sm-offset-2 col-sm-10">
							  <button type="submit" class="btn btn-pink" onclick="return check()">提交</button>
							</div>
						  </div>
						</form>

					</div>
				</div>
				<!-- /BASIC -->
				<!-- BASIC -->

				<!-- /BASIC -->
			</div>

		</div>

		</div>
		<!-- /SAMPLE -->
	</div>

<script type="text/javascript">
function check() {

	//验证图片
	var pictu=form1.pictu.value;//获取表单form(name=from_register)的input(name=userName)用户名的值
    if((pictu=="")||(pictu==null)){//判断用户名是否为空，为空就弹出提示框"请输入用户名"，否则正常执行下面的代码。
       // alert("请输入用户名！");
       var html='请选择图片！';
       $('.prompt_pictu').html(html);
        form1.pictu.focus();//获取焦点，即：鼠标自动定位到用户名输入框，等待用户输入用户名。
        return false;
    }else{//输入正确，则提示
         var html='已选择图片！';
       $('.prompt_pictu').html(html);
        form1.pictu.focus();
    }

    // 验证用户名
    var username=form1.username.value;//获取表单form(name=from_register)的input(name=userName)用户名的值
    var reg_username=/([0-9]|[a-zA-Z]|[\u4e00-\u9fa5\uf900-\ufa2d]){2,10}/;//正则规则表达式
    var result_username=reg_username.exec(username);
    if((username=="")||(username==null)){//判断用户名是否为空，为空就弹出提示框"请输入用户名"，否则正常执行下面的代码。
       // alert("请输入用户名！");
       var html='请输入用户名！';
       $('.prompt_username').html(html);
        form1.username.focus();//获取焦点，即：鼠标自动定位到用户名输入框，等待用户输入用户名。
        return false;
    }else if(username.length>10||username.length<2){//验证字符长度
         var html='字数多余10个字符或少于2个字符，请重新输入！';
       $('.prompt_username').html(html);//将html的值替换掉<span class="prompt_userName"></span>中的值
        form1.username.focus();
        return false;
    }else if(result_username==null){//输入除字母、数字和汉字之外的字符即提示
        var html='仅支持字母、数字或汉字，请重新输入！';
       $('.prompt_username').html(html);
        form1.username.focus();
        return false;
    }else{//输入正确，则提示
         var html='用户名输入正确！';
       $('.prompt_username').html(html);
        form1.username.focus();
    }


    //验证密码
	var password=form1.password.value;//获取表单form(name=from_register)的input(name=userName)用户名的值
    var reg_password=/([0-9]|[a-z]|[A-Z]){6,16}/;//正则规则表达式
    var result_password=reg_password.exec(password);
    if((password=="")||(password==null)){//判断用户名是否为空，为空就弹出提示框"请输入用户名"，否则正常执行下面的代码。
       // alert("请输入用户名！");
       var html='请输入密码！';
       $('.prompt_password').html(html);
        form1.password.focus();//获取焦点，即：鼠标自动定位到用户名输入框，等待用户输入用户名。
        return false;
    }else if(password.length>16||password.length<6){//验证字符长度
            var html='字数多于16个字符或少于6个字符，请重新输入！';
       $('.prompt_password').html(html);//将html的值替换掉<span class="prompt_userName"></span>中的值
        form1.password.focus();
        return false;
    }else if(result_password==null){//输入除字母、数字和汉字之外的字符即提示
        var html='仅支持字母、数字或汉字，请重新输入！';
       $('.prompt_password').html(html);
        form1.password.focus();
        return false;
    }else{//输入正确，则提示
         var html='密码输入正确！';
       $('.prompt_password').html(html);
        form1.password.focus();
    }

     //验证确认密码
	var cpassword=form1.cpassword.value;//获取表单form(name=from_register)的input(name=userName)用户名的值
    if((cpassword=="")||(cpassword==null)){//判断用户名是否为空，为空就弹出提示框"请输入用户名"，否则正常执行下面的代码。
       // alert("请输入用户名！");
       var html='请输入确认密码！';
       $('.prompt_cpassword').html(html);
        form1.cpassword.focus();//获取焦点，即：鼠标自动定位到用户名输入框，等待用户输入用户名。
        return false;
    }else if(cpassword!=password){//验证字符长度
            var html='确认密码与密码不一致，请重新输入！';
       $('.prompt_cpassword').html(html);//将html的值替换掉<span class="prompt_userName"></span>中的值
        form1.cpassword.focus();
        return false;
    }else{//输入正确，则提示
         var html='确认密码输入正确！';
       $('.prompt_cpassword').html(html);
        form1.cpassword.focus();
    }

//验证年龄
    var age=form1.age.value;
    if((age=="")||(age==null)){
       var html='请输入年龄！';
       $('.prompt_age').html(html);
        form1.age.focus();
        return false;
  }else if((age.length>3)||(age==0)){
     var html='请重新输入！';
       $('.prompt_age').html(html);
        form1.age.focus();
        return false;
    }else{
         var html='格式正确';
       $('.prompt_age').html(html);
        form1.age.focus();
    }


//验证联系电话
    var tel=form1.tel.value;
    var reg_tel=/^1[34578]\d{9}/;
    var result_tel=reg_tel.exec(tel);

    if((tel=="")||(tel==null)){
       var html='请输入手机号码！';
       $('.prompt_tel').html(html);
        form1.tel.focus();
        return false;
  }else if(result_tel==null){
     var html='格式不正确！';
       $('.prompt_tel').html(html);
        form1.tel.focus();
        return false;
    }else{
         var html='电话格式正确';
       $('.prompt_tel').html(html);
        form1.tel.focus();
    }


 //验证邮箱
    var email=form1.email.value;
    var reg_email=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
    var result_email=reg_email.exec(email);

    if((email=="")||(email==null)){
       var html='请输入邮箱！';
       $('.prompt_email').html(html);
        form1.email.focus();
        return false;
    }
    else if(email.length>18||email.length<6){
      var html='字数多于18个字符或少于6个字符，请重新输入！';
       $('.prompt_email').html(html);
        form1.email.focus();
        return false;
    }else if(result_email==null){
     var html='格式不正确！';
       $('.prompt_email').html(html);
        form1.email.focus();
        return false;
    }else{
         var html='邮箱格式正确';
       $('.prompt_email').html(html);
        form1.email.focus();
    }



  //验证是否选择了权限
    if ($('select[name="role_id"]').val() == '0')
    {
        alert('请选择权限!');
        return false;
  }
}
</script>


